@charset "utf-8";



body{min-width: 1200px; margin: 0 auto; padding: 0; font-size: 14px; color: #666; font-family: Microsoft YaHei, SimSun;}
img{border: 0px;}
form{margin: 0; padding: 0;}
input, select, textarea{font-family: Microsoft YaHei, SimSun;}
div, ul, li{margin: 0; padding: 0; display: block;  backface-visibility:  hidden; perspective:  1000px;overflow:hidden;}
ul, li{list-style-type: none;}
li{text-overflow: ellipsis;}
a{text-decoration: none; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; outline: none;}
a:hover{text-decoration: none; color: #f63;}

@keyframes fadeIn{
0%{opacity: 0;}
100%{opacity: 1;}
}

.himg{position: relative; z-index: 1;}
.himg img{min-width: 100%; height: 100%; position: absolute; z-index: -1; left: -1000%; top: 0; right: -1000%; bottom: 0; margin: auto; transition: all 0.4s;}
.himg:hover img{transform: scale(1.1,1.1);}

.a_row{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

header{height: 110px; background-color: rgba(255,255,255,0.8); border-bottom: 1px solid #ccc; display: block; position: relative; z-index: 8;}
header .logo{max-height: 70%; position: absolute; left: 20px; top: 0; bottom: 0; margin: auto;}
header .nav{height: 30px; position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; overflow: visible;}
header .nav li{height: 30px; float: left; padding: 0 20px; position: relative; overflow: visible;}
header .nav li .a{height: 30px; font-size: 16px; display: block;}
header .nav li .sub{width: 120%; background-color: #666; position: absolute; left: -100%; top: 30px; right: -100%; margin: auto; text-align: center; display: none;}
header .nav li .sub:before{content: ''; width: 0; height: 0; border-bottom: 7px solid #666; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; left: 0; top: -7px; right: 0; margin: auto;}
header .nav li .sub a{height: 36px; line-height: 36px; font-size: 12px; display: block; margin: 2px; color: #fff;}
header .nav li .sub a:hover{background-color: #333;}
header .nav li:hover .a,
header .nav li.on .a{border-bottom: 1px solid #999;}
header .nav li:hover .sub{display: block; animation: fadeIn 0.4s;}
header.on{height: 60px; position: fixed; left: 0; top: 0; right: 0; margin: auto;}

#ibn,
#ibn img{width: 100%; height: 600px;}

.abt{line-height: 40px; text-align: center; margin: 40px 0;}
.abt strong{height: 40px; font-weight: normal; font-size: 24px; color: #000; display: block;}
.abt small{height: 40px; font-size: 16px; font-family: Arial; color: #666; text-transform: uppercase; display: block;}

.amore{width: 160px; height: 40px; line-height: 40px; text-align: center; background-color: #666; color: #fff; display: block; margin: 40px auto; position: relative;}
.amore:before,
.amore:after{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: transform 0.4s;}
.amore:before{content: '<<'; font-size: 28px; font-family: SimSun; transform: translateX(-100%);}
.amore:after{content: 'MORE'; font-size: 18px;}
.amore:hover{color: #fff; background-color: #444;}
.amore:hover:before{content: '>>'; transform: translateX(0%);}
.amore:hover:after{transform: translateX(100%); transition-delay: 0.2s;}

.case_list{max-width: 1200px; margin: 0 auto;}
.case_list a{width: 380px; height: 200px; padding-bottom: 40px; display: inline-block; margin: 10px; position: relative;}
.case_list a .img{width: 100%; height: 100%; display: block; background-color: #f5f5f5; position: relative; overflow: hidden; transition: transform 0.4s;}
.case_list a .img img{min-width: 100%; height: 100%; position: absolute; left: -100%; top: 0; right: -100%; margin: auto;}
.case_list a strong{height: 20px; line-height: 20px; text-indent: 20px; padding: 10px 0; background-color: rgba(255,255,255,0.8); border-bottom: 1px solid #ccc; font-weight: normal; position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; margin: auto;}
.case_list a strong:before{content: ''; width: 20px; height: 10px; background-image: url(/web/images/icon.png); position: absolute; top: 0; right: 20px; bottom: 0; margin: auto;}
.case_list a:hover .img{transform: scale(1.4);}

.about{height: 560px; background-color: #f8f8f8; position: relative; margin: 40px auto;}
.about .img{height: 100%; position: absolute; top: 0; right: 50%; bottom: 0; margin: auto; transition: opacity 0.6s;}
.about .box{background-color: #f8f8f8; text-align: center; padding: 80px; position: absolute; left: 50%; top: 0; right: 0; bottom: 0; margin: auto; transition: transform 0.8s;}
.about .box .abt{margin: 0 auto;}
.about .box p{height: 180px; line-height: 30px; overflow: hidden; padding: 0; margin: 40px 0;}
.about .box .amore{border: 1px solid #ccc; background-color: transparent; color: #666;}
.about:hover .box{transform: translateX(-20%);}
.about:hover .img{opacity: 0.6;}

.news_list{max-width: 1200px; line-height: 0; margin: 0 auto;}
.news_list li{width: 360px; display: inline-block; margin-right: 60px; margin-bottom: 40px; transition: transform 0.4s;}
.news_list li:nth-child(3n){margin-right: 0;}
.news_list li p{margin: 0; padding: 0; overflow: hidden;}
.news_list li .date{height: 80px; line-height: 80px; display: block; font-size: 36px; color: #999; font-family: Arial; border-bottom: 1px solid #e5e5e5; position: relative; transition: all 0.6s;}
.news_list li .name{height: 30px; line-height: 30px; font-size: 18px; color: #333; display: block; margin: 15px 0;}
.news_list li .dect{height: 75px; line-height: 25px; display: block; color: #999; margin-bottom: 15px;}
.news_list li .more{height: 20px; line-height: 20px; display: inline-block; color: #333;}
.news_list li:hover{transform: translateY(20px);}
.news_list li:hover .date{border-bottom-color: #666; color: #666;}

.nbn{height: 400px; position: relative;overflow:hidden;}
.nbn img{height: 100%; position: absolute; left: -100%; top: 0; right: -100%; margin: auto;}

.category{border-top: 1px solid #ccc; padding: 20px 0; text-align: center;}
.category li{font-size: 16px; display: inline-block; margin: 20px;}
.category li a{height: 30px; line-height: 20px; display: block;}
.category li.on a{color: #e04a27; border-bottom: 1px solid #e04a27;}

.content{max-width: 1200px; line-height: 200%; margin: 40px auto;}
.content img{max-width: 100%;}
.jobs_list{min-height:300px;}
.jobs_list li{background-color: #eee; padding: 10px 10px 10px 150px; margin-bottom: 15px; position: relative;}
.jobs_list li:before{content: ''; width: 120px; background-color: #ddd; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.jobs_list li:after{content: ''; width: 0; height: 0; border-left: 10px solid #ddd; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; left: 120px; top: 0; bottom: 0; margin: auto;}
.jobs_list li .name{width: 100px; text-align: center; position: absolute; left: 10px; top: 10px;}
.jobs_list li .dect{height: 50px; line-height: 25px; color: #999;overflow:hidden;}

.jobs_list li .jbtn{height: 24px; line-height: 24px; font-size: 12px; text-indent: 20px; border-radius: 4px; background-color: #ddd; color: #666; padding-right: 5px; cursor: pointer; position: absolute; right: 10px; bottom: 10px;}
.jobs_list li .jbtn:before{content: ''; width: 0; height: 0; border-top: 5px solid #666; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 5px; top: 0; bottom: 0; margin: auto;}
.jobs_list li .jbtn.tab{display: none;}
.jobs_list li .jbtn.tab:before{border-left: 5px solid #666; border-top: 5px solid transparent; border-bottom: 5px solid transparent; left: 7px;}
.jobs_list li.on .dect{height: auto; color: #666;}
.jobs_list li.on .jbtn.show{display: none;}
.jobs_list li.on .jbtn.tab{display: block;}

.table_btn{width: 120px; height: 40px; line-height: 40px; text-align: center; margin: 20px auto; background-color: #666; color: #fff; font-size: 16px; border-radius: 4px; cursor: pointer;}
.table_btn:hover{background-color: #333;}

.page{width: 100%; text-align: center; font-family: Verdana; margin-top: 20px;}
.page a{height: 24px; line-height: 24px; display: inline-block; margin: 0 3px; padding: 0 8px;}
.page .in{background-color: #7f5427; color: #fff;}

.cnt_map{height: 380px;}

#map{width: 100%; background-color: #ccc;}
#map div{overflow: visible;}
#map img{max-width: none;}
#map .anchorBL{display: none;}

.submit_btn{text-align: center;}
.submit_btn strong{height: 40px; line-height: 40px; background-color: #666; color: #fff; font-size: 16px; border-radius: 4px; display: inline-block; text-align: center; cursor: pointer; font-weight: normal; padding: 0 24px; margin: 0 auto;}
.submit_btn strong:hover{background-color: #333;}

footer{background-color: #f5f5f5; display: block;}

.contact{max-width: 1200px; margin: 0 auto; padding: 40px 0; position: relative;}
.contact .cnt{width: 400px; float: left; color: #333;}
.contact .cnt p{padding: 0; margin: 0;}
.contact .cnt p.row{height: 25px; line-height: 25px;}
.contact .cnt p.qrc{width: 110px; line-height: 20px; text-align: center; color: #999; font-size: 12px; margin-top: 10px;}
.contact .cnt p.qrc img{width: 100%; height: 110px; display: block;}
.contact #form_msg{width: 800px; float: right;}
.contact #form_msg p{padding: 0; margin: 0; float: left;}
.contact #form_msg p.row{width: 30%; line-height: 30px; border-bottom: 1px solid #999; padding-bottom: 10px; margin-right: 5%; position: relative;}
.contact #form_msg p.row:before{content: attr(data-name); width: 40px; color: #333; display: inline-block;}
.contact #form_msg p.row input,
.contact #form_msg p.row textarea{width: calc(100% - 40px); line-height: 30px; resize: none; border: 0; padding: 0; outline: 0; vertical-align: top; background-color: transparent; display: inline-block;}
.contact #form_msg p.row input{height: 30px;}
.contact #form_msg p.row.text{width: 100%; height: 60px; margin: 20px 0;}
.contact #form_msg p.row:nth-child(3){margin-right: 0;}
.contact #form_msg p.btn{height: 40px; line-height: 40px; background-color: #2495e4; color: #fff; font-size: 16px; padding: 0 40px; cursor: pointer; float: left;}

.copyright{text-align: center; background-color: #000; color: #fff; padding: 20px 0;}
.copyright a{color: #fff;}

@keyframes mobmsg{50%{box-shadow: 0 0 20px #fff;}}
.btn_mobmsg{width: 50px; height: 50px; border-radius: 50%; background-color: #333; box-shadow: 0 0 10px #333; cursor: pointer; position: fixed; z-index: 9; right: 10px; bottom: 10px; animation: mobmsg 2s infinite alternate;}
.btn_mobmsg:before{content: '在线咨询'; width: 40px; height: 32px; line-height: 16px; text-align: center; color: #fff; font-size: 14px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.btn_mobmsg.on{display: none;}
#form_mobmsg{background-color: rgba(0,0,0,0.8); padding: 8px 8%; position: fixed; z-index: 9; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: none;}
#form_mobmsg p{min-height: 36px; padding: 0; margin: 8px 0; border-radius: 5px;}
#form_mobmsg p.row{background-color: #fff; position: relative;}
#form_mobmsg p.row:before{content: ''; width: 20px; height: 20px; background-image: url(/web/images/mobmsg.png); position: absolute; left: 8px; top: 0; bottom: 0; margin: auto;}
#form_mobmsg p.row.name:before{background-position: 0 0;}
#form_mobmsg p.row.tel:before{background-position: -20px 0;}
#form_mobmsg p.row.email:before{background-position: -40px 0;}
#form_mobmsg p.row input,
#form_mobmsg p.row textarea{background-color: transparent; outline: 0; border: 0; font-size: 14px;}
#form_mobmsg p.row input{height: 30px; line-height: 30px; padding: 0; position: absolute; left: 36px; top: 3px; right: 0; bottom: 3px; margin: auto;}
#form_mobmsg p.row.text:before{display: none;}
#form_mobmsg p.row.text textarea{width: calc(100% - 20px); height: 60px; line-height: 20px; display: block; padding: 10px;}
#form_mobmsg p.btn{height: 36px; line-height: 36px; font-size: 16px; text-align: center; background-color: #f60; color: #fff;}
#form_mobmsg p.btn.close{background-color: #999;}
#form_mobmsg.on{display: block;}


.cndns-right a,img{border:0;text-decoration:none;}
.cndns-right{font:12px/180% Arial, Helvetica, sans-serif ,"新宋体";}
.cndns-right p{margin:0px;padding:0px;line-height:20px;}
.cndns-right i{margin:0px;padding:0px;font-style:normal;}
.cndns-right  ul{margin:0px;padding:0px;list-style:none;}
.cndns-right ul li{margin:0px;padding:0px;list-style:none;}
.cndns-right a{color:#333333;text-decoration:none;}
.cndns-right a:hover{color:#ff5a00;text-decoration:none;}
.cndns-right .clear{clear:both;font-size:0px;line-height:0;height:0;}


@font-face {
font-family: 'icomoon';
    src:url('/web/font/icomoon.eot?qradjf');
    src:url('/web/font/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('/web/font/icomoon.ttf?qradjf') format('truetype'),
        url('/web/font/icomoon.woff?qradjf') format('woff'),
        url('/web/font/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}


.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100;overflow:visible;}
.cndns-right div, ul, li{overflow:visible;}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(/web/images/02index-banner-8.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(/web/images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(/web/images/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:196px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}

.ser_onset p{padding:0px 15px 0px 15px;width:200px;}
.ser_onset a{font-size:16px;}
#font-fam{font-family:NtaoIcon;}

.cndns-right .incd_in{color:#ff6800;}

#top-back{display:none;}@media screen and (max-width: 650px){
body{min-width: 0;}

header{height: 50px; border-bottom: 1px solid #ccc;}
header .logo{left: 10px;}
header.on{height: 50px;}

.nav_show{width: 30px; height: 26px; background-color: #fff; opacity: 0.7; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto;}
.nav_show:before,
.nav_show:after{content: ''; height: 4px; border-top: 4px solid #9f1824; border-bottom: 4px solid #9f1824; position: absolute; left: 0; right: 0; margin: auto;}
.nav_show:before{top: 4px;}
.nav_show:after{bottom: 2px;}

header .nav{width: 100px; height: auto; padding: 10px 0; position: fixed; z-index: 8; top: 50px; right: 0; bottom: auto; display: none;}
header .nav:before{content: ''; background-color: #000; opacity: 0.8; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
header .nav li{height: 36px; line-height: 36px; font-size: 12px; padding: 0; float: none; display: block; text-align: center;}
header .nav li a{color: #fff;}
header .nav li.on .a{border-bottom: 0;}
header .nav li .sub,
header .nav li:hover .sub{display: none;}
header .nav.on{display: block;}

#ibn{height: 150px;}

.abt{margin: 20px 0;}

.amore,
.news{margin: 20px auto;}

.case_list a{width: calc(100% - 20px);}

.about{height: 300px; margin: 20px auto;}
.about .img{display: none;}
.about .box{padding: 20px; left: 0;}
.about .box p{height: 90px; margin: 20px 0;}

.news_list li{width: calc(100% - 20px); margin: 10px;}
.news_list li .date{height: 40px; line-height: 40px; font-size: 26px;}
.news_list li .name{margin: 10px 0;}
.news_list li .dect{height: 60px; line-height: 20px; margin-bottom: 10px;}

.contact{height: auto; padding: 10px;}
.contact .cnt{width: 100%; float: none;}
.contact .cnt p.row{height: 20px; line-height: 20px;}
.contact .cnt p.qrc,
.contact #form_msg{display: none;}

.copyright{font-size: 10px; padding: 10px 0; margin-top: 10px;}

.nbn{height: 100px;}

.category{padding: 10px 0;}
.category li{margin: 5px 10px;}

.content{padding: 10px;}

.cnt_map{height: 160px; margin: 10px 0;}

.meau-sev .cndns-right-box .box-border{width:196px;}
.meau-contact .cndns-right-box .box-border{width:196px;}
.cndns-right-btn{opacity:0.5;}
}